<template>
  <div>
    <div class="not-login">
      <div
        @click="goLogin"
        class="icon-mobile iconfont icon-shouji"
      ></div>
      <div
        @click="goLogin"
        class="login-text"
      >点击登录</div>
    </div>
    <public />
  </div>
</template>

<script>
import Public from "./public";

export default {
  name: "NotLogin",
  components: {
    Public
  },
  data() {
    return {};
  },
  methods: {
    goLogin() {
      this.$router.push('/login')
    }
  }
};
</script>

<style scoped lang="stylus">
.not-login
  // background-image url('http://toutiao.m.lipengzhou.com/img/banner.d43e3812.png')
  background-size cover
  background-repeat no-repeat
  height 182px
  display flex
  flex-direction column
  align-items center
  justify-content center

  .icon-mobile
    width 66px
    height 66px
    background-color #fff
    border-radius 50%
    text-align center
    line-height 66px
    font-size 35px
    color rgb(25, 137, 250)
    margin-bottom 10px

  .login-text
    color #fff
</style>